@(Id: String, ec: edu_courses, ei: edu_instructors, ein: edu_institutions, eco: List[edu_comments], el: List[edu_courses])
@page("Course Lectures"){
 @loginheader("Course Lectures")  
<div class="page-focus">

<!-- Course Detail -->
<div class="row"><!--Outside Row Fluid -->
<div class="span16"><!-- course name -->
<div class="masthead">
<h3 class="muted" id="cname">@ec.name</h3> <a href="@ec.url" target="_blank">Go to course site</a>
</div>
<div class="row"><!--inside row fluid-->
<div class="span5"><!-- row1 course window -->
<center>
<div class="jumbotron">
<ul class="thumbnails">
<li class="span4">
<div class="thumbnail">
<img data-src="holder.js/300x200" src="/assets/images/2.png" alt="">
<!--five star voting -->
<div id="star"></div>
<!--End of five star voting-->
<p><a href="/institution/@ein.id" id="institution">@ein.name...</a></p>
<p><a href="/instructor/@ei.id" id="instructor">@ei.name...</a></p>
<p><a class="btn span3" href="/coursedetail/@Id">Go to Course Page</a></p>

</div>
</li>
</ul>
</div><!--Course Information -->
</center>
</div><!-- end row1 course window-->

<div class="span9"><!-- row2 course window -->
<!--Course Description -->
<div>
<h3>Description Course</h3>
<p>@ec.description</p>
</div>
<!--End of Course Description -->
<!--Course Tags -->
<div>
<h3>Tags</h3>
<p><a class="btn" href="#">- | Tag#1</a><a class="btn" href="#">- | Tag#2</a><a class="btn" href="#">- | Tag#3</a></p>
<!--Add New Tag-->
<div class="control-group">
<label class="control-label" for="newtag">New Tag</label>
<div class="controls">
<!--tag browser -->
<input list="tagbrowsers" id="tags">
<datalist id="tagbrowsers">
<option value="Art">
<option value="Architecture">
<option value="Biology">
<option value="Computer Science">
</datalist>
</t><button type="submit" id="newtag">add to</button>
@eduneralogo(1)
</div>
</div>
<!-- End of Add new Tag-->
</div>
<!--End of Course Tags -->

<!--User Comments -->

<!--End of User Comments -->
</div><!-- end row2 course window-->
</div><!-- inside row fluid -->
</div><!--course name -->
</div><!-- outside row fluid -->
</div><!-- page-focus -->
<hr>

<!--User Lectures -->
<div class="container">
<ul class="thumbnails">
<li><h3>Lectures<i class="icon-comment"></i></h3></li>
</ul>
<ul class="thumbnails">
@for(lecture <- el) {
<li>
<p>@lecture.name</p>
<p><b>Lecture Date/Time:</b> @lecture.start_date <a class="btn btn-success" href="#">agree</a> # of agree <a class="btn btn-danger" href="#">disagree</a> # of disagree</p> 
<p><b><i class="icon-user"></i> Commented By:</b>UserName</p>
</li>
}
</ul>
</div>

<!--End of Lectures -->


<!--User Messages -->
<div class="container">
<ul class="thumbnails">
<li><h3>Comments<i class="icon-comment"></i></h3></li>
</ul>
<ul class="thumbnails">
@for(comment <- eco) {
<li>
<p>@comment.comment.</p>
<p><b>Comment Date/Time:</b>12.04.2013 17:21 <a class="btn btn-success" href="#">agree</a> # of agree <a class="btn btn-danger" href="#">disagree</a> # of disagree</p> 
<p><b><i class="icon-user"></i> Commented By:</b>UserName</p>
</li>
}
<li>
<div class="control-group">
<div class="controls">
<textarea class="span12" rows="4" id="comment"></textarea>
<button type="submit" class="btn">Add Comment</button>
</div>
</div>
</li>
<li></li>
</ul>
</div>

<!--End of user Messages -->

<!--Footer -->
<hr>
<div class="footer">
<p>&copy; 574 Project 2013</p>
</div>
</div> <!-- /container -->
}